  <div class="main layui-clear" style="min-height: 600px;"> 
   <h2 class="page-title">帐号设置</h2>

    

   <div class="fly-tab user-tab"> 
    	<span id="LAY-mine">
    	<a href="{:U('home/user/set')}" class="tab-this" hash="info">我的资料</a> 
    	<a href="{:U('home/user/face')}" hash="avatar">头像</a>
    	<a href="{:U('home/user/password')}" hash="pass">密码</a>
    	<a href="{:U('home/user/number')}" hash="bind">帐号绑定</a> 

    	</span> 
   </div> 
   <div class="user-mine"> 
    <div class="layui-form layui-form-pane mine-view" style="display: block;"> 
     <form method="post"> 
      <div class="layui-form-item"> 
       <label for="L_email" class="layui-form-label">邮箱</label> 
       <div class="layui-input-inline"> 
        <input id="L_email" name="email" required="" lay-verify="email" autocomplete="off" value="<?php echo $res['email'] ?>" class="layui-input" type="text" /> 
       </div>  
       <div class="layui-form-mid layui-word-aux">
        如果您在邮箱已激活的情况下，变更了邮箱，需
        <a href="/user/activate/" style="font-size: 12px; color: #4f99cf;">重新验证邮箱</a>。
       </div> 
      </div> 
      <div class="layui-form-item"> 
       <label for="L_username" class="layui-form-label">昵称</label> 
       <div class="layui-input-inline"> 
        <input id="L_username" name="username" required="" lay-verify="required" autocomplete="off" value="<?php echo $res['nikename'] ?>" class="layui-input" type="text" /> 
       </div> 
       <div class="layui-inline" style="height:38px" > 

       <div class="layui-form-item">
          <label class="layui-form-label">性别</label>
          <div class="layui-input-block">
           <input name="sex" value="男" title="男" checked="" type="radio">
          <input name="sex" value="女" title="女" type="radio">
           <input name="sex" value="密" title="保密" type="radio">
           </div>
       </div>

       </div> 
      </div> 
      <div class="layui-form-item"> 
       <label for="L_city" class="layui-form-label">城市</label> 
       <div class="layui-input-inline"> 
        <input id="L_city" name="city" autocomplete="off" value="<?php echo $res['city'] ?>" class="layui-input" type="text" /> 
       </div> 
      </div> 
      <div class="layui-form-item layui-form-text"> 
       <label for="L_sign" class="layui-form-label">签名(不能超过60字)</label> 
       <div class="layui-input-block"> 
        <textarea placeholder="<?php echo $_SESSION['signname']?>" id="L_sign" name="sign" autocomplete="off" class="layui-textarea" style="height: 80px;"></textarea> 
       </div> 
      </div> 
      <div class="layui-form-item"> 
       <button class="layui-btn" key="set-mine"  lay-filter="submit" lay-submit="">确认修改</button> 
      </div> 
     </form>
    </div> 
    <div class="layui-form layui-form-pane mine-view" style="display: none;"> 
     <div class="layui-form-item"> 
      <div class="avatar-add"> 
       <p>建议尺寸168*168，支持jpg、png、gif，最大不能超过30KB</p> 
       <div class="upload-img"> 
        <div class="layui-box layui-upload-button">
         <form target="layui-upload-iframe" method="post" key="set-mine" enctype="multipart/form-data" action="/user/upload/">
          <input name="file" id="LAY-file" lay-title="上传头像" type="file" />
         </form>
         <span class="layui-upload-icon"><i class="layui-icon"></i>上传头像</span>
        </div> 
       </div> 
       <img src="http://res.layui.com/images/fly/avatar/1.jpg" /> 
       <span class="loading"></span> 
      </div> 
     </div> 
    </div> 
    <div class="layui-form layui-form-pane mine-view" style="display: none;"> 
     <div class="layui-form-item"> 
      <label for="L_nowpass" class="layui-form-label">当前密码</label> 
      <div class="layui-input-inline"> 
       <input id="L_nowpass" name="nowpass" required="" lay-verify="required" autocomplete="off" class="layui-input" type="password" /> 
      </div> 
     </div> 
     <div class="layui-form-item"> 
      <label for="L_pass" class="layui-form-label">新密码</label> 
      <div class="layui-input-inline"> 
       <input id="L_pass" name="pass" required="" lay-verify="required" autocomplete="off" class="layui-input" type="password" /> 
      </div> 
      <div class="layui-form-mid layui-word-aux">
       6到16个字符
      </div> 
     </div> 
     <div class="layui-form-item"> 
      <label for="L_repass" class="layui-form-label">确认密码</label> 
      <div class="layui-input-inline"> 
       <input id="L_repass" name="repass" required="" lay-verify="required" autocomplete="off" class="layui-input" type="password" /> 
      </div> 
     </div> 
     <div class="layui-form-item"> 
      <button class="layui-btn" key="set-mine"  lay-filter="*" lay-submit="">确认修改</button> 
     </div> 
    </div> 
    <div class="layui-form layui-form-pane mine-view" style="display: none;"> 
     <ul class="app-bind"> 
      <li class="fly-msg  "> <i class="iconfont icon-qq"></i> <a href="http://fly.layui.com:8098/app/qq" onclick="layer.msg('正在绑定微博QQ', {icon:16, shade: 0.1, time:0})" class="acc-bind" type="qq_id">立即绑定</a> <span>，即可使用QQ帐号登录Fly社区</span> </li> 
      <li class="fly-msg "> <i class="iconfont icon-weibo"></i> <a href="http://fly.layui.com:8098/app/weibo/" class="acc-weibo" type="weibo_id" onclick="layer.msg('正在绑定微博', {icon:16, shade: 0.1, time:0})">立即绑定</a> <span>，即可使用微博帐号登录Fly社区</span> </li> 
     </ul> 
    </div> 
   </div> 
  </div>

<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src='__PUBLIC__/layui/layui.js'></script>
<script>
layui.use(['form'], function(){
  var form = layui.form()
  ,layer = layui.layer;
 

  //监听提交
  form.on('submit(submit)', function(data){
    $.ajax({
      url: "{:U('home/user/change_user')}",
      type: 'POST',
      dataType: 'json',
      data: data.field,
      success:function(response){
          if (response.error==0) {
            layer.confirm(response.info, {
              btn: ['确定'] //按钮
            }, function(){
               location.replace("{:U('home/user/index')}");
            });
          }else{
             layer.msg(response.info, function(){
               //关闭后的操作
              });
          }
        },
      error:function(){
          alert('没有接收到数据')
      }

    })

    return false;
  });
  
  
});
</script>